<%-- 
    Document   : RRHH_PARAMETRIZACION_HORARIOS.jsp
    Created on : 24-nov-2014, 18:18:11
    Author     : equipo_4
--%>

<%@page import="RRHH_Modelo.RHH_HORARIO_DIA_SEMANA"%>
<%@page import="RRHH_Modelo.RHH_HORARIO"%>
<%@page import="java.util.List"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page import="RRHH_Modelo.RHH_DIAS_SEMANA"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <h1 id="tituloFormulario">PARAMTRIZACION DE HORARIOS</h1>    
            <%
                RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
                Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());
                List<RHH_DIAS_SEMANA> semana = new RHH_DIAS_SEMANA(con).Todos();
                RHH_HORARIO horario = new RHH_HORARIO(con);
                out.print("<ul style='width:800px; margin-left:30%;'>");
                for (int i = 0; i < semana.size(); i++) 
                {
                    List<RHH_HORARIO_DIA_SEMANA> listahoraxdia = new RHH_HORARIO_DIA_SEMANA(con).Todosxdia(semana.get(i).getID());
                    out.print("<li style='display:inline-block; margin-left:10px; float:left;'><span style='font-size:15px;' onclick='mostrar("+semana.get(i).getID()+",this);'>"+semana.get(i).getDIA()+"</span><ul>");
                    for (int j = 0; j < listahoraxdia.size(); j++)
                    {                        
                        int idhorario= listahoraxdia.get(j).getID_HORARIO();
                        int iddia= listahoraxdia.get(j).getID_DIA();
                        out.print("<li>"+horario.BuscarxID(idhorario).getDESCRIPCION()+"<span onclick='eliminarhc("+idhorario+","+iddia+",this);'>(X)</span></li>");
                    }
                    out.print("</ul></li>");
                }
                out.print("</ul>");
            %>
        <div id="popUpbackGround" onclick="salir();"></div>    
        <div class="popupg" id="horarios">                        
            <h1>Tipos Horarios</h1>
            <ul id="listahoras">
                <%
                    List<RHH_HORARIO> lista = new RHH_HORARIO(con).Todos();
                    for (int i = 0; i < lista.size(); i++) 
                    {
                        out.print("<li><span onclick='agregartipo("+lista.get(i).getID()+");'>"+lista.get(i).getDESCRIPCION()+" - "+lista.get(i).getHORA_INICIOSD()+" - "+lista.get(i).getHORA_FINSD()+"</span><span onclick='eliminarhorario("+lista.get(i).getID()+",this);'>(X)</span></li>");
                    }
                %>
            </ul>
            <span onclick="ocultar();" id="oc">(+)</span>
            <div id="oculto" style="display: none;">
            <input type="text" value="" placeholder="DESCRIPCION" name="desc"/>
            <input id="hora1" type="text" class="chico">
            <input id="hora2" type="text" class="chico">
            <button onclick="agregar();">AGREGAR</button>            
            </div>
        </div>
        <script type="text/javascript">
            var url = "../RRHH_HORARIOS_CONTROLLER";
            var semanaactual = 0;
            function agregar()
            {
                $.post(url,{evento:"agregar",desc:$("input[name=desc]").val(),hini:$("#hora1").val(),hfin:$("#hora2").val()},function (responsetext){
                    $("#listahoras").append(responsetext);
                    $("input[name=desc]").val("");
                    $("#hora1").val("");
                    $("#hora2").val("");
                });                
            }
            function agregartipo(idtipo)
            {
                $.post(url,{evento:"agregarhorasemana",idtipo:idtipo,semana:semanaactual},function (responsetext){
                    $(span).parent().find("ul").append(responsetext);
                    $("#popUpbackGround").css("display","none");
                    $("#horarios").css("display","none");
                }); 
            }
            
            
            function salir()
            {
                $("#popUpbackGround").css("display","none");
                $("#horarios").css("display","none");
            }
            
            var span = null;
            function mostrar(semana,spann)
            {                
                $("#popUpbackGround").css("display","block");
                $("#horarios").css("display","block");
                span=spann;
                semanaactual=semana;
            }
            var oculto = true;
            function ocultar()
            {                
                if(oculto)
                {
                    $("#oculto").css("display","block");
                    $("#oc").text("(-)");
                    oculto=false;
                }
                else
                {
                    $("#oculto").css("display","none");
                    $("#oc").text("(+)");
                    oculto=true;
                }
            }
            
            function eliminarhc(horario,dia,span)
            {
                $.post(url,{evento:"eliminarhc",horario:horario,dia:dia},function (responsetext){
                    if(responsetext=="true")
                        $(span).parent().remove();
                }); 
            }
            function eliminarhorario(horario,span)
            {
                $.post(url,{evento:"eliminarhorario",horario:horario},function (responsetext){
                    if(responsetext=="true")
                        $(span).parent().remove();
                }); 
            }
        </script>
    </body>
</html>
